/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%;
	/* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	display: block;
	float: left;
	background: #F5F5F5 url(../images/img02.gif) repeat-x left bottom;
	padding: 4px 10px;
	text-decoration: none;
	font-size: 13px;
	color: #000000;
	position: relative;
	margin-left: 3px;
}

.TabbedPanelsTab2 {
	display: block;
	float: left;
	background: #F5F5F5 url(../images/img02.gif) repeat-x left bottom;
	position: relative;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #CCC;
}

.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
}

.TabbedPanelsContent {
	padding: 4px;
}

.TabbedPanelsContentVisible {
	
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

body {
	margin: 0 px 0 0 0;
	padding: 0;
	background: #FFFFFF url(images/img001.gif) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

h1,h2,h3 {
	margin: 0;
	font-weight: normal;
	color: #3E3E3E;
}

h1 {
	letter-spacing: -1px;
	font-size: 32px;
}

h2 {
	font-size: 23px;
}

p,ul,ol {
	margin: 0 0 2em 0;
	text-align: justify;
	line-height: 26px;
	font-size: 11px;
}


img {
	border: none;
}

img.left {
	float: left;
	margin-right: 15px;
}

img.right {
	float: right;
	margin-left: 15px;
}

/* Form */
form {
	padding: 0;
	margin: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

legend {
	display: none;
}

input,textarea,select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	vertical-align: middle;
}

/* Header */
#login {
	width: 239px;
	height: 22px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	margin: 0 0 0 0;
}

#header {
	width: 850px;
	height: 82px;
	margin: 0 auto 40px auto;
	background: url(images/img03.gif) repeat-x left bottom;
}

#logo {
	float: left;
}

#logo h1 {
	font-size: 38px;
	color: #494949;
}

#logo h1 sup {
	vertical-align: text-top;
	font-size: 24px;
}

#logo h1 a {
	color: #494949;
}

#logo h2 {
	margin-top: -10px;
	font-size: 12px;
	color: #A0A0A0;
}

#logo a {
	text-decoration: none;
}

/* Menu */
#menu {
	float: right;
}

#menu ul {
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	background: #F5F5F5 url(images/img02.gif) repeat-x left bottom;
	margin-left: 5px;
	padding: 7px 20px;
	text-decoration: none;
	font-size: 13px;
	color: #000000;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .active a {
	
}

/* Page */
#page {
	width: 100%;
	margin: 0 auto;
	height: auto;
}

/* Content */
#content {
	float: none;
	width: 100%;
}

/* Post */
.post {
	
}

.post .title {
	margin-bottom: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	background: url(images/img11.gif) no-repeat right 50%;
	border-bottom: 1px dotted #D1D1D1;
}

.post .entry {
	
}

.post .meta {
	padding: 15px 0 60px 0;
	background: url(images/img03.gif) repeat-x;
}

.post .meta p {
	margin: 0;
	line-height: normal;
	color: #999999;
}

.post .meta .byline {
	float: center;
}

.post .meta .links {
	float: center;
}

.post .meta .more {
	padding: 0 20px 0 18px;
	background: url(images/img06.gif) no-repeat left center;
}

.post .meta .comments {
	padding-left: 22px;
	background: url(images/img07.gif) no-repeat left center;
}

.post .meta b {
	display: none;
}

#left {
	width: 300px;
	float: left;
	padding: 29px 0 0 0;
}

#left img.logo {
	display: block;
}

/* Sidebar */
#sidebar {
	float: right;
	width: 250px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 40px;
}

#sidebar li ul {
	
}

#sidebar li li {
	margin: 0;
	padding-left: 12px;
	background: url(images/img12.gif) no-repeat left 50%;
}

#sidebar h2 {
	margin-bottom: 10px;
	background: url(images/img11.gif) no-repeat right 50%;
	border-bottom: 1px dotted #D1D1D1;
	font-size: 16px;
}

/* Search */
#search {
	
}

#search h2 {
	margin-bottom: 20px;
}

#s {
	width: 120px;
	margin-right: 3px;
	padding: 3px;
	border: 1px solid #F0F0F0;
}

#x {
	padding: 3px;
	background: #ECECEC url(images/img08.gif) repeat-x left bottom;
	border: none;
	text-transform: lowercase;
	font-size: 11px;
	color: #4F4F4F;
}

#x1 {
	width: 150px !important;
	height: 21px;
	background-color: #ECECEC;
	color: #000000;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border: thin solid #A0C1D7;
	float: inherit;
}

/* Boxes */
.box1 {
	padding: 20px;
	background: url(images/img05.gif) no-repeat;
}

.box2 {
	color: #BABABA;
}

.box2 h2 {
	margin-bottom: 15px;
	background: url(images/img10.gif) repeat-x left bottom;
	font-size: 16px;
	color: #FFFFFF;
}

.box2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2 a:link,.box2 a:hover,.box2 a:active,.box2 a:visited {
	color: #EDEDED;
}

.form-row {
	clear: both;
	padding: 0.5em;
}

/* Footer */
#footer {
	height: 400px;
	min-height: 74px;
	padding: 10px 0 0 0;
	background: #003448 url(images/img09.gif) repeat-x;
}

html>body #footer {
	height: auto;
}

/*-----------------------------left pan----------*/
#left {
	width: 252px;
	float: left;
	position: absolute;
	left: 0px;
	top: -30px;
	height: 74px;
}

/*----------------------------centrar----------------*/
#centrar {
	float: center;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 214px;
	padding-bottom: 17px;
	padding-left: 250px;
}

/*----------------------------mid----------------*/
#mid {
	width: 250px;
	border: #DCDBDB 1px solid;
	color: #6B6854;
	float: center;
	background-color: #FDFEFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#mid1 {
	width: 600px;
	border: #DCDBDB 1px solid;
	color: #6B6854;
	float: right;
	background-color: #FDFEFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 17px;
}

#mid2 {
	width: 600px;
	border: #DCDBDB 1px solid;
	color: #6B6854;
	float: right;
	background-color: #FDFEFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 17px;
}

#legal {
	clear: both;
	padding-top: 20px;
	text-align: center;
	color: #8ADE3C;
}

#legal a {
	color: #76D424;
}

#pie {
	background: #F5F5F5 url(images/img02.gif) repeat-x left bottom;
}